<!--
 * @Descripttion: 自定以属性
 * @version: 
 * @Author: 夜殇
 * @Date: 2020-07-07 19:07:10
 * @LastEditors: 夜殇
 * @LastEditTime: 2020-07-07 22:23:59
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>自定义属性</title>
  </head>
  <body>
    <div class="demo" data-name="夜殇" data-age="18"></div>
    <script>
      const div = document.querySelector('.demo')
      // 自定义属性都是以data-开头，如果后边还有以-为连字符链接的单词，在获取的时候以小驼峰的形式显示
      // 获取自定义属性，结果为对象的形式
      // 可以使用对对象的方式对自定义属性进行赋值
      console.log(div.dataset)
    </script>
  </body>
</html>
